/* 改变主题色变量 */
$--color-primary: #5db42c;
$--color-success: #67c23a;
$--color-warning: #e6a23c;
$--color-danger: #f56c6c;
$--color-info: #909399;
$--color-bg: #f0f1f4;
$--color-link: #409eff;
$--color-logo-green: #5db42c;
$--color-logo-orange: #f08200;
$--color-logo-blue: #2b71b8;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import '~element-ui/packages/theme-chalk/src/index';

$menuText: #303133;
$menuActiveText: $--color-primary;
$subMenuActiveText: $--color-primary; //https://github.com/ElemeFE/element/issues/12951
$menuActiveBg: #ffffff;
$submenuActiveBg: #ffffff;

$menuBg: #ffffff;
$menuHover: #eeeeee;

$subMenuBg: #ffffff;
$subMenuHover: #eeeeee;

$sideBarWidth: 140px;

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}
